import React from 'react'
import { View, StyleSheet } from 'react-native'
import { Text, Button } from 'react-native-elements'
import FontAwesome from 'react-native-vector-icons/FontAwesome'
import { throttle, _defStyle ,pxPage} from '../common/Common'


const Foot = ({ props, List, styles,navigation }) => {
    return (
        <>
            <Text
                style={[styles.titleStyle, { textAlign: 'center', marginTop: pxPage(5) }]}
            >第三方无需注册直接登录</Text>
            <View style={[styles.login, _defStyle._rowCenter]}>
                {
                    List.map((item, index) => {
                        return (
                            <Button
                                key={index}
                                buttonStyle={[styles.login_icon, _defStyle._rowCenter, item.buttonStyle]}
                                icon={
                                    <FontAwesome name={item.iconname} size={pxPage(22)} color={item.iconcolor}></FontAwesome>
                                }
                                onPress={throttle(()=>{
                                    item.press(props)
                                }, 2000)}
                            ></Button>
                        )
                    })
                }
            </View>
            <Text
                style={[styles.titleStyle, { textAlign: 'left', marginTop: pxPage(25) }]}
            >勾选并登录即同意授权使用您的个人信息(如手机号、昵称、头像、性别、所在国家、省市）,未注册手机号验证后可直接登录</Text>
        </>
    )
}


export default Foot
